<div class = "chart-manager-container" style = "width:100%;border:1px solid #ddd;overflow: scroll;">
    <style>
        .auxiliaryLine_hor {
            width: 100%;
            height: 1px;
            border-top: 1px dashed #ddd;
            position: absolute;
            top: 10px;
            left: 0px;
            z-index: 60;
        }

        .auxiliaryLine_hor.active {
            border-top: 1px dashed #db2828;
        }

        .auxiliaryLine_ver {
            width: 1px;
            height: 100%;
            border-left: 1px dashed #ddd;
            position: absolute;
            top: 0px;
            left: 10px;
            z-index: 60;
        }

        .auxiliaryLine_ver.active {
            border-left: 1px dashed #db2828;
        }
    </style>
    <div class = "charts-container pr" style = "min-height:500px;">
        <!--标准方格-->
        <square ng-repeat = "square in squares" data-left = "{{square.left}}" data-top = "{{square.top}}" data-width = "{{square.width}}" data-height = "{{square.height}}"></square>
        <!--图-->
        <chart ng-repeat = "chart in charts" data-type = "{{chart.chartType}}" data-moduleId = "{{chart.moduleId}}" data-tmpId = "{{chart.tmpId}}" data-left = "{{chart.left}}" data-top = "{{chart.top}}" data-maxable = '1' auxiliary-line selectable moveable resizeable></chart>
        <!--表-->
        <sheet ng-repeat = "sheet in sheets" data-type = "{{sheet.tabType}}" data-moduleId = "{{sheet.moduleId}}" data-tmpId = "{{sheet.tmpId}}" data-left = "{{sheet.left}}" data-top = "{{sheet.top}}" data-maxable = '1' auxiliary-line selectable moveable resizeable></sheet>
        <!--地图-->
        <map ng-repeat = "map in maps" data-type = "{{map.mapType}}" data-moduleId = "{{map.moduleId}}" data-tmpId = "{{map.tmpId}}" data-left = "{{map.left}}" data-top = "{{map.top}}" data-maxable = '1' auxiliary-line selectable resizeable></map>
        <!--多选框-->
        <checkbox-filter filter ng-repeat = "check in conditions.checkbox" data-type = "checkbox" data-conditionId = "{{check.conditionId}}" data-tmpId = "{{check.tmpId}}" data-left = "{{check.left}}" data-top = "{{check.top}}" data-width = "{{check.width || 180}}" data-height = "{{check.height || 300}}" auxiliary-line selectable moveable resizeable></checkbox-filter>
        <!--单选框-->
        <radio-filter filter ng-repeat = "radio in conditions.radio" data-type = "radio" data-conditionId = "{{radio.conditionId}}" data-tmpId = "{{radio.tmpId}}" data-left = "{{radio.left}}" data-top = "{{radio.top}}" data-width = "{{radio.width || 180}}" data-height = "{{radio.height || 300}}" auxiliary-line selectable moveable resizeable></radio-filter>
        <!--区间-->
        <between-filter filter ng-repeat = "between in conditions.between" data-type = "between" data-conditionId = "{{between.conditionId}}" data-tmpId = "{{between.tmpId}}" data-left = "{{between.left}}" data-top = "{{between.top}}" data-width = "{{between.width || 350}}" data-height = "{{between.height || 120}}" auxiliary-line selectable moveable resizeable></between-filter>
        <!--日期-->
        <date-filter filter ng-repeat = "date in conditions.date" data-type = "date" data-conditionId = "{{date.conditionId}}" data-tmpId = "{{date.tmpId}}" data-width = "{{date.width || 280}}" data-height = "{{date.height || 120}}" auxiliary-line selectable moveable resizeable></date-filter>
        <!--文本框-->
        <text-obj ng-repeat = "text in objects.text" data-type = "text" data-tmpid = "{{text.tmpId}}" data-content = "{{text.content}}" auxiliary-line selectable moveable resizeable></text-obj>
        <p class = "auxiliaryLine_hor auxiliaryLine_hor_top none"></p>
        <p class = "auxiliaryLine_hor auxiliaryLine_hor_bottom none"></p>
        <p class = "auxiliaryLine_ver auxiliaryLine_ver_left none"></p>
        <p class = "auxiliaryLine_ver auxiliaryLine_ver_right none"></p>
    </div>
</div>